<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>      
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>${requestScope.columns.name }</title>
		<meta name="keywords" content="心理测试,心理测试题及答案,心理测试题,心理测试大全">
		<meta name="description" content="壹心理心理测试频道，这里有爱情测试、性格测试、能力测试、会员测试、精选测试、专业测评，包含了心理测试题及答案。">
		<%@ include file="/common/include/title.jsp" %> 
		<script type="text/javascript" src="/common/resource/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="/common/resource/jquery.page.js"></script>
		<script type="text/javascript">
			$(".tcdPageCode").createPage({
    			pageCount:${requestScope.pageInfoUtil.totalPage},//总页数
    			current:${requestScope.pageInfoUtil.currentPage},//当前页码
    			backFn:function(p){//点击完当前的页码时，这个backFn的方法会被调用
    			window.location.href="${rootPath }/${requestScope.columns.url}.htm?page="+p; 
    			}
			});
		</script>
	</head>
	<body>
		<jsp:include page="/header.htm">
			<jsp:param value="10" name="id"/>
		</jsp:include>
		<div class="infos-wrap">
		<div class="fish-left main-left">
			<div class="list_rmd">
		    	<div class="title bor_bot">${requestScope.columns.name }人气推荐</div>
		        <div class="lists bor_top fixed">
		        	<ul>
		        		<c:forEach items="${requestScope.itemsList }" var="each" begin="0" end="2" >
		        			<li class="fl payTest">
								<a href="http://www.xinli001.com/ceshi/186">
									<img src="${each.imgPath }" hover="true" alt="${each.name }" height="120" width="180">
									<p>${each.name }</p>
								</a>
							</li>
		        		</c:forEach>
		            </ul>
		        </div>
		    </div>
		    <!--推荐-->
		    <h2 class="list_title">${requestScope.columns.name }：</h2>
		    <div class="list_show">
		    	<dl>
		    		<c:forEach items="${requestScope.itemsList }" var="each">
		    			<dd class="fixed">
			            	<p class="pbox fl">
			            		<a href="${rootPath}/itemsInfo/${each.id}.htm">
			            			<img class="lazyload" src="${each.imgPath}" alt="${each.name }" title="${each.name }" hover="true" height="80" width="120">
			            		</a>
			            	</p>
			                <p class="linfo fl">
			                	<a href="${rootPath}/itemsInfo/${each.id}.htm">${each.name }</a><br>
			                   	${fn:substring(items.content,0,80)}<br>
			                    <span class="total">
			                    	<span class="icons" title="测试人数"></span>
			                    	${each.testedNum }人测试过
			                    </span>
							</p>
			            </dd>
		    		</c:forEach>
		        </dl>
		    </div>
		    <!--列表-->
		    <div class="pagebar" id="pages" >
		    <c:choose>
		    		<c:when test="${requestScope.pageInfoUtil.totalPage > 0 && requestScope.pageInfoUtil.totalPage < 5 }">
		    			<c:forEach  begin="1" end="${requestScope.pageInfoUtil.totalPage }" step="1" var="page">
		    				<c:choose>
		    					<c:when test="${requestScope.pageInfoUtil.currentPage == page }">
		    						<span>${page }</span>
		    					</c:when>
		    					<c:otherwise>
		    						|<a href="${rootPath }/${requestScope.columns.url}.htm?page=${page}" target="_self">${page }</a>
		    					</c:otherwise>
		    				</c:choose>	
		    			</c:forEach>
		    		</c:when>
		    		<c:otherwise>
		    			<c:forEach begin="1" end="5" step="1" var="page">
		    				<c:choose>
		    					<c:when test="${requestScope.pageInfoUtil.currentPage == page }">
		    						<span>${page }</span>
		    					</c:when>
		    					<c:otherwise>
		    						|<a href="${rootPath }/${requestScope.columns.url}.htm?page=${page}" target="_self">${page }</a>
		    					</c:otherwise>
		    				</c:choose>	
		    			</c:forEach>
		    			|<span>...</span>
		    			<c:if test="${requestScope.pageInfoUtil.currentPage >5 && requestScope.pageInfoUtil.currentPage < requestScope.pageInfoUtil.totalPage - 3  }">
		    				|<span>${requestScope.pageInfoUtil.currentPage }</span>
		    				|<span>...</span>	
		    			</c:if>
		    			<c:forEach begin="${requestScope.pageInfoUtil.totalPage - 3 }" end="${requestScope.pageInfoUtil.totalPage }" step="1" var="page">
		    				<c:choose>
		    					<c:when test="${requestScope.pageInfoUtil.currentPage == page }">
		    						<span>${page }</span>
		    					</c:when>
		    					<c:otherwise>
		    						|<a href="${rootPath }/${requestScope.columns.url}.htm?page=${page}" target="_self">${page }</a>
		    					</c:otherwise>
		    				</c:choose>	
		    			</c:forEach>
		    		</c:otherwise>
		    	</c:choose>
				|<a href="${rootPath }/${requestScope.columns.url}.htm?page=${requestScope.pageInfoUtil.nextPage }" class="next" target="_self">下一页</a>
		    	<!-- <td style="text-align: center;" class="tcdPageCode"></td> -->
			</div>
		</div>
		<!--left-->
		<div class="fish-left main-right">
				<div class="multi_ads fixed">
			<div class="mt"><strong>编辑推荐<span class="mq">：</span><span class="ms">······ </span></strong></div>
		    <dl>
		    	        <dd>
		        	<a href="http://www.xinli001.com/info/100360756?from=cheshi" title="心探社" target="_blank">
		                <img src="http://ossimg.xinli001.com/20161219/22c35b0aef597efe978b7a084dcf3030.jpg" hover="true" title="心探社" alt="心探社" height="135" width="135">        	
		            </a>
		        </dd>
		        
		               <dd>
		        	<a href="http://www.xinli001.com/ceshi/99897526?from=2017" title="心理需求测评" target="_blank">
		                <img src="http://image.xinli001.com/20160805/030954q4tnzb0jb0nyq06s.jpg" hover="true" title="心理需求测评" alt="心理需求测评" height="135" width="135">        	
		            </a>
		        </dd>
		        
		                <dt>
		        	<a href="http://www.xinli001.com/ceshi/99897572?from=ceshi" title="抑郁症测试" target="_blank">
		                <img src="http://ossimg.xinli001.com/20161024/16f19e49dab19387649e80eae35df090.jpg" hover="true" title="抑郁症测试" alt="抑郁症测试" height="135" width="280">
		            </a>
		        </dt>
		        <br class="clear">
		    </dl>
		</div>
			<!-- 1-->
		<div class="test_rmd_list fixed">
			<div class="st rbor"><span class="fb">${requestScope.columns.name }推荐 ：</span><span class="more"><a href="/ceshi">更多»</a></span></div>
			<dl>
				<c:forEach items="${requestScope.itemsList }" var="each" begin="0" end="4">
					<dd>
	        			<p class="pbox fl">
	        				<a href="http://www.xinli001.com/ceshi/548">
	            				<img src="${each.imgPath }" hover="true" alt="${each.name }" title="${each.name }" height="60" width="90">
							</a>
						</p>
	            		<p class="tinfo fl">
	            			<a href="http://www.xinli001.com/ceshi/548">${each.name }</a>
	               		 	<span class="total"><span class="icons" title="测试人数"></span>${each.testedNum }人测试过</span>
	            		</p>
	        		</dd>
				</c:forEach>
		    </dl>
		</div>
			<div class="tags fixed">
			<div class="st rbor"><span class="fb">热门标签 ：</span></div>
		    <ul>
    	    	<li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC%E6%B5%8B%E8%AF%95">性格测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85%E6%B5%8B%E8%AF%95">爱情测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%83%BD%E5%8A%9B%E6%B5%8B%E8%AF%95">能力测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E6%B5%8B%E8%AF%95">心理测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%B6%A3%E5%91%B3%E6%B5%8B%E8%AF%95">趣味测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E6%B5%8B%E8%AF%95">专业测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%A7%BB%E7%BC%98%E6%B5%8B%E8%AF%95">姻缘测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%B5%8B%E8%AF%95%E7%88%B1%E6%83%85">测试爱情</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E4%B8%9A%E6%B5%8B%E8%AF%95">职业测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E9%A2%84%E8%A8%80%E6%B5%8B%E8%AF%95">预言测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%BC%9A%E5%91%98%E6%B5%8B%E8%AF%95">会员测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%88%B1%E6%83%85">爱情</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E7%BF%BB%E8%AF%91%E6%B5%8B%E8%AF%95">翻译测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E4%B8%93%E4%B8%9A%E9%87%8F%E8%A1%A8">专业量表</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%BD%9C%E6%84%8F%E8%AF%86%E6%B5%8B%E8%AF%95">潜意识测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%A4%96%E5%9B%BD%E6%B5%8B%E8%AF%95">外国测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%80%A7%E6%A0%BC">性格</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E8%81%8C%E5%9C%BA%E6%B5%8B%E8%AF%95">职场测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%81%A5%E5%BA%B7%E6%B5%8B%E8%AF%95">健康测试</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E5%BF%83%E7%90%86%E5%81%A5%E5%BA%B7">心理健康</a></li>
                <li class="fl"><a href="http://www.xinli001.com/ceshi/tag?name=%E6%81%8B%E7%88%B1">恋爱</a></li>
		    </ul>
		</div>
		    <!--标签-->
		</div>
		<!--right-->
		</div>
		<%@ include file="/common/include/footer.jsp" %>
		
	</body>
</html>